<template>
  <view class="package">
    <view style="margin-bottom:20rpx;">更多奖励</view>
    <view class="package_sale space-between">
      <image :src="invitation5" mode=""></image>
      <view class="direction-start">
        <view>邀请新客拿奖励</view>
        <view><text style="color:#F17205;">千元红包</text>等您来抢！</view>
      </view>
      <view class="but" @click="navTo('invitation/invitation')">去邀请</view>
    </view>
    <view class="package_sale space-between">
      <image :src="invitation6" mode=""></image>
      <view class="direction-start">
        <view>充值领奖品</view>
        <view><text style="color:#F17205;">多种礼品</text>等你来领</view>
      </view>
      <view class="but" @click="navTo('mine/Recharge')">去充值</view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import { navTo } from '@/utils/navigator';
  import {invitation5,invitation6} from '@/utils/Static';
  import { ref } from 'vue';
</script>

<style scoped lang="less">
  .package_sale {
    background: #FEF5F6;
    margin: 15rpx 0px 0px;

    image {
      width: 79rpx;
      height: 79rpx;
      background: #FFFFFF;
      border-radius: 50%;
    }
  }

  .direction-start {
    width: 380rpx;

    view:nth-of-type(1) {
      font-size: 26rpx;
      font-weight: 400;
      color: #333333;
    }

    view:nth-of-type(2) {
      font-size: 22rpx;
      font-weight: 400;
      color: #666;
      margin-top: 6rpx;
      letter-spacing: 2rpx;
    }
  }

  .but {
    width: 132rpx;
    height: 54rpx;
    background: linear-gradient(158deg, #F06E02, #F38813);
    border-radius: 27rpx;
    text-align: center;
    line-height: 54rpx;
    color: #fff;
  }
</style>